// 小导航栏
.all {
    background-color: #f6f0e4;

    .container {
        .list {
            display: flex;
            justify-content: flex-start;
            padding: 1.5rem 0;

            li {

                color: #d8d3c8;

                a {
                    text-decoration: none;
                    color: #d8d3c8;
                    font-size: .9rem;

                    &:hover {
                        color: #101010;
                    }
                }

                &:nth-child(even) {
                    padding: 0 1rem;
                }
            }
        }
    }
}

// 头部
.navbar {
    margin-bottom: 0;
    position: sticky;
    top: 0;
    z-index: 999;
}

.navbar-default {
    background-color: #eee7d9;
    border: 0;

    .navbar-nav {
        li {
            text-align: center;

            a {
                font-size: 1.5rem;
            }

            a:hover {

                color: #93c25e;
                transform: scale(1.1);

            }

            overflow: hidden;
        }
    }
}

.navbar-brand {
    padding: .5rem 0;
    padding-left: 1rem;
}

// 系统部分
.systems {
    // margin: 4rem 0;

    .container {
        .pay {
            color: #31364c;
            font-size: 3rem;

        }

        .sed {
            width: 90%;
            display: flex;
            justify-content: space-between;

            .left {
                width: 90%;
                color: #9699a6;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                overflow: hidden;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
            }

            .right {
                display: flex;
                justify-content: space-between;
                width: 5%;

                span {

                    display: inline-block;
                    width: .5rem;
                    height: .5rem;
                    border-radius: 100%;
                    background-color: #ccc;
                    cursor: pointer;

                    &:hover {
                        background-color: #93c25e;
                    }
                }
            }


        }

        .logos {
            margin-top: 3.2rem;
            width: 90%;
            display: flex;
            justify-content: space-between;

            .pay img {
                width: 60%;
            }
        }
    }

    @media screen and (max-width:625px) {
        .container {
            .logos {
                margin-top: 1rem;

                .pay {
                    img {
                        width: 80%;
                    }
                }

            }
        }
    }

    @media screen and (max-width:554px) {
        .container {
            .pay {
                font-size: 1.5rem;
            }

            .sed {
                width: 100%;

                .left {
                    width: 100%;
                }
            }

            .logos {
                margin-top: 1rem;

                .pay {
                    img {
                        width: 80%;
                    }
                }

            }
        }
    }
}

// 友情链接
.cap {
    background-color: #25292c;
    padding-bottom: 2rem;

    .container {
        .bigbox {
            background: url('../images/bj2.png') no-repeat center center;
            display: flex;
            justify-content: space-between;

            // 第一个盒子
            .read {
                width: 30%;
                // padding-top: 5rem;
                padding-top: 5%;
                padding-bottom: 7rem;

                .text {
                    margin-top: 3rem;
                    color: #45474f;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    -webkit-line-clamp: 6;
                    text-overflow: ellipsis;
                    font-size: 1rem;
                    line-height: 1.5rem;

                    span {
                        color: #ccc;
                    }
                }

                .social {
                    margin-top: 3rem;
                    color: #fff;
                    font-size: 2.3rem;
                }

                .logo4 {
                    margin-top: 1rem;

                    img {
                        width: 1.5vw;
                    }
                }
            }

            // 第二个盒子
            .recen {
                width: 30%;
                padding-top: 5%;

                .title {
                    font-size: 2.5rem;
                    color: #fff;
                    padding-bottom: 3rem;
                }

                .may {
                    border-bottom: 1px solid #33363a;
                    padding-bottom: 1.5rem;

                    .may07 {
                        color: #3a3d43;
                        padding-left: 2rem;
                        background-color: #fff;
                        background: url("../images/icon-h.png") no-repeat left 0rem;
                        background-size: 1.5rem;
                        padding-bottom: 1rem;
                    }

                    .mirum {
                        // width: 85%;
                        // background-color: #fff;
                        color: #9699a6;
                        padding-left: 2rem;

                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        -webkit-line-clamp: 2;
                        text-overflow: ellipsis;
                    }
                }

                .apr {
                    border-bottom: 1px solid #33363a;
                    padding-bottom: 1.5rem;

                    .aorit {

                        color: #fff;
                        padding-left: 2rem;
                        background: url("../images/icon-b.png") no-repeat left 0rem;
                        background-size: 1.5rem;
                        margin-top: 1.5rem;
                    }

                    .est {
                        padding-left: 2rem;
                        margin-top: 1rem;
                        color: #80b740;

                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                }

                .dece {
                    .num {
                        margin-top: 1.5rem;
                        color: #45474f;
                        background: url("../images/icon-h.png") no-repeat left 0rem;
                        background-size: 1.5rem;
                        text-indent: 2rem;
                    }

                    .times {
                        color: #9699a6;
                        margin-top: 1.5rem;
                        padding-left: 2rem;

                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        -webkit-line-clamp: 2;
                        text-overflow: ellipsis;
                    }
                }
            }

            // 第三个盒子
            .email {
                width: 30%;
                padding-top: 5%;
                // background-color: red;

                .title {
                    font-size: 2.5rem;
                    color: #fff;
                }

                .sing {
                    width: 90%;
                    color: #9699a6;
                    margin-top: 3rem;

                    .mirum {
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        -webkit-line-clamp: 2;
                        text-overflow: ellipsis;
                    }
                }

                .full {
                    width: 100%;
                    display: flex;
                    justify-content: flex-start;
                    margin-top: 2rem;
                    padding-bottom: 1rem;
                    cursor: pointer;
                    border-bottom: 1px solid #93c25e;
                    // background-color: green;
                   

                    span {
                        width: 20%;
                        display: inline-block;
                        font-size: 1rem;
                        color: #45474f;
                    }

                    input {
                        width: 60%;
                        // background-color: red;
                        color: #ffffff;
                        border: 0;
                        outline: none;
                        text-indent: 1rem;
                        background-color: #25292c;
                    }

                }

                .btns {
                    color: #fff;

                    button {
                        border: 0;
                        margin-top: 10%;
                        border-radius: 20rem;
                        background-color: #93c25e;
                        padding: 1rem 1.7rem;
                        transition: all .4s;

                        &:hover {
                            transform: translateY(-.5rem);
                            box-shadow: .1rem .2rem .5rem #93c25e;
                        }
                    }
                }
            }
        }
    }

    @media screen and (max-width:754px) {
        .container {
            .bigbox {
                .read {
                    .text {
                        margin-top: 2rem;
                    }

                    .logo3 {
                        img {
                            width: 60%;
                        }
                    }

                    .social {
                        font-size: 2rem;
                        margin-top: 2rem;
                    }
                }

                .recen {
                    .text {
                        margin-top: 1rem;
                    }

                    .title {
                        font-size: 2rem;

                    }
                }

                .email {

                    .title {
                        font-size: 2rem;
                    }

                    .sing {
                        margin-top: 2rem;
                    }
                }
            }
        }

    }


    @media screen and (max-width:624px) {
        .container {
            .bigbox {
                flex-wrap: wrap;

                .read {
                    width: 100%;
                    padding-bottom: 0;

                    .logo3 {
                        img {
                            width: 26%;
                        }
                    }

                    .text {
                        -webkit-line-clamp: 4;
                    }
                }

                .recen {
                    width: 100%;
                    padding-top: 10%;
                }

                .email {
                    width: 100%;
                    padding-top: 10%
                }
            }
        }

    }
}

// footer部分
.footer {

    background-color: #222629;

    .container {


        .good {

            padding: 3rem 0;
            display: flex;
            justify-content: flex-start;
            align-items: center;

            .top {
                align-self: flex-start;
            }

            .goods {
                padding-left: 1rem;
                font-size: .9rem;
                color: #ccc;
                line-height: 2rem;

                text-align: center;

                span {
                    color: #6f737c;

                }
            }
        }
    }
}